<template>
  <el-dialog v-model="props.dialogFormVisible1" title="查看信息" width="500">
    <div :style="{ margin: '10px' }">
      <el-text class="mx">姓名：{{ props.chadata.stuName }}</el-text>
    </div>
    <div :style="{ margin: '10px' }">
      <el-text class="mx">学号：{{ props.chadata.stuNo }}</el-text>
    </div>
    <div :style="{ margin: '10px' }">
      <el-text class="mx">班级：{{ props.chadata.className }}</el-text>
    </div>
    <div :style="{ margin: '10px' }">
      <el-text class="mx">地区：{{ props.chadata.origin }}</el-text>
    </div>
    <div :style="{ margin: '10px' }">
      <el-text class="mx">时间：{{ props.chadata.createdTime }}</el-text>
    </div>
    <template #footer>
      <div class="dialog-footer">
        <el-button @click="guan">关闭</el-button>
      </div>
    </template>
  </el-dialog>
</template>

<script setup>
import { ElDialog } from 'element-plus'
import { defineEmits, defineProps } from 'vue'

const props = defineProps({
  dialogFormVisible1: Boolean,
  chadata: Object
})

const emit = defineEmits(['toworkguan'])
const guan = () => {
  emit('toworkguan')
}
</script>

<style scoped>
</style>